import React from 'react';
import styles from './index.less';

import IconFont from '../iconFont';

export default (props: any) => {
  return (
    <div className={styles.recent_posts_card}>
      <div className={styles.card_content}>
        <div className={styles.headline}>
          <IconFont use={'ngctime'} />
          <span>最新文章</span>
        </div>
        <div className={styles.item}>
          <a className={styles.thumbnail}>
            <img
              src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/img/default.jpg"
              alt="简易菜谱"
            />
          </a>
          <div className={styles.content}>
            <a
              className={styles.title}
              href="/posts/a8dac3c9/"
              title="简易菜谱"
              data-pjax-state=""
            >
              简易菜谱
            </a>
            <time
              dateTime="2020-11-16T14:15:02.069Z"
              title="发表于 2020-11-16 22:15:02"
            >
              2020-11-16
            </time>
          </div>
        </div>
        <div className={styles.item}>
          <a className={styles.thumbnail}>
            <img
              src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/img/default.jpg"
              alt="简易菜谱"
            />
          </a>
          <div className={styles.content}>
            <a
              className={styles.title}
              href="/posts/a8dac3c9/"
              title="简易菜谱"
              data-pjax-state=""
            >
              简易菜谱
            </a>
            <time
              dateTime="2020-11-16T14:15:02.069Z"
              title="发表于 2020-11-16 22:15:02"
            >
              2020-11-16
            </time>
          </div>
        </div>
      </div>
    </div>
  );
};
